<html>
  <head>
      <meta charset="UTF-8">
      <title>ce</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="stylesheet" href="component/elementUI/index.css">
      		<!-- 依 赖 样 式 -->
		<link rel="stylesheet" href="component/pear/css/pear.css" />
		<!-- 加 载 样 式 -->
		<link rel="stylesheet" href="admin/css/loader.css" />
		<!-- 布 局 样 式 -->
		<link rel="stylesheet" href="admin/css/admin.css" />
      <link rel="stylesheet" href="style/wangeditor.css">
      <link rel="stylesheet" href="style/index.css">
  <style>
  </style>
  </head>

  	<body class="layui-layout-body pear-admin">
      <div id="app">
      <!-- 布 局 框 架 -->
      <div class="layui-layout layui-layout-admin">
        <!-- 顶 部 样 式 -->
        <div class="layui-header">
          <!-- 菜 单 顶 部 -->
          <div class="layui-logo">
            <!-- 图 标 -->
            <img class="logo">
            <!-- 标 题 -->
            <span class="title"></span>
          </div>
          <!-- 顶 部 左 侧 功 能 -->
          <ul class="layui-nav layui-layout-left">
            <li class="collapse layui-nav-item"><a href="#" class="layui-icon layui-icon-shrink-right"></a></li>
            <li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1" loading = 600></a></li>
          </ul>
          <!-- 多 系 统 菜 单 -->
          <div id="control" class="layui-layout-control"></div>
          <!-- 顶 部 右 侧 菜 单 -->
          <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide-xs"><a href="#" class="menuSearch layui-icon layui-icon-search"></a></li>
            <li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>
            <li class="layui-nav-item layui-hide-xs"><a href="http://www.pearadmin.com" class="layui-icon layui-icon-website"></a></li>
            <li class="layui-nav-item layui-hide-xs message"></li>
            <li class="layui-nav-item user">
              <!-- 头 像 -->
              <a class="layui-icon layui-icon-username" href="javascript:;"></a>
              <!-- 功 能 菜 单 -->
              <dl class="layui-nav-child">
                <dd><a user-menu-url="view/system/person.html" user-menu-id="5555" user-menu-title="基本资料">基本资料</a></dd>
                <dd><a href="javascript:void(0);" class="logout">注销登录</a></dd>
              </dl>
            </li>
            <!-- 主 题 配 置 -->
            <li class="layui-nav-item setting"><a href="#" class="layui-icon layui-icon-more-vertical"></a></li>
          </ul>
        </div>
        <!-- 侧 边 区 域 -->
        <div class="layui-side layui-bg-black">
          <!-- 菜 单 顶 部 -->
          <div class="layui-logo">
            <!-- 图 标 -->
            <!-- <img class="logo"> -->
            <!-- 标 题 -->
            <span class="title"></span>
          </div>
          <!-- 菜 单 内 容 -->
          <div class="layui-side-scroll">
            <div id="sideMenu"></div>
          </div>
        </div>
        <!-- 视 图 页 面 -->
        <div class="layui-body">
          <!-- 内 容 页 面 -->
          <div id="content"></div>
        </div>
        <!-- 页脚 -->
        <div class="layui-footer layui-text">
          <span class="left">
            Released under the MIT license.
          </span>
          <span class="center"></span>
          <span class="right">
            Copyright © 2021-2022 pearadmin.com
          </span>
        </div>
        <!-- 遮 盖 层 -->
        <div class="pear-cover"></div>
        <!-- 加 载 动 画 -->
        <div class="loader-main">
          <!-- 动 画 对 象 -->
          <div class="loader"></div>
        </div>
      </div>
      <!-- 移 动 端 便 捷 操 作 -->
      <div class="pear-collapsed-pe collapse">
        <a href="#" class="layui-icon layui-icon-shrink-right"></a>
      </div>
  </div>
 
  <script src="https://cdn.jsdelivr.net/npm/@svgdotjs/svg.js@3.0/dist/svg.min.js"></script>
  <script type="text/javascript" src="utils/wangeditor.js"></script>
  <script type="text/javascript" src="utils/jquery.min.js"></script>
  <script type="text/javascript" src="utils/jquery.cookie.js"></script>
  <script type="text/javascript" src="utils/vue.min.js"></script>
  <script type="text/javascript" src="utils/vuex.min.js"></script>
  <script type="text/javascript" src="component/elementUI/index.js"></script>
  <script type="text/javascript" src="component/component.js"></script>
  <script type="text/javascript" src="config/config.js"></script>
  <script type="text/javascript" src="utils/FileSaver.min.js"></script>
  <script type="text/javascript" src="utils/FileSaver.js"></script>
  <script type="text/javascript" src="utils/xlsx.full.min.js"></script>
  <script type="text/javascript" src="utils/xlsx.core.min.js"></script>
  <script type="text/javascript" src="utils/compressor.js"></script>
  <script type="text/javascript" src="utils/ID_Validity.js"></script>
  <script src="component/layui/layui.js"></script>
		<script src="component/pear/pear.js"></script>
  <script type="text/javascript" src="utils/utils.js"></script>
<script>
   var a = new Vue({
    el: '#app',
    data() {
    return {
      tableData: [{
         date: '2016-05-02',
          sheng: '黑龙江',
          shi: '哈尔滨',
          qu: '香坊',
          address: '上海市普陀区金沙江路 1518 弄',
          tag: '未识别',
      }
     
        // 数据列表
      ],
      selectedRow: null,
      dialogVisible: false,
    };
  },
  methods: {
    handleSelectionChange(selection) {
      if (selection.length > 0) {
        this.selectedRow = selection[0]; // 假设只选择一行
      }
    },
    handleDialogOpen() {
      // 在这里可以做其他的初始化操作
    },
  },
})
</script>
</html>

